<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 skin-theme-clientpref-day vector-sticky-header-enabled" lang="de" dir="ltr"><head>
<meta charset="UTF-8">
<title>Client Side Scripting</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://de.wikipedia.org/wiki/Client_Side_Scripting"> <link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link href="./_mw_/ext.gadget.citeRef.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.defaultPlainlinks.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonHide.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonLayout.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonStyle.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiDarkmode.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiResponsive.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.specialSearch.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Client_Side_Scripting rootpage-Client_Side_Scripting skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Client Side Scripting</span></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr"><p><b>Client Side Scripting</b> ist eine Technik der <a href="Webentwicklung" title="Webentwicklung">Webentwicklung</a>, bei der ein <a href="Computerprogramm" title="Computerprogramm">Computerprogramm</a> auf dem Gerät des Benutzers (<a href="Client" title="Client">Client</a>) ausgeführt wird. Diese Technik wird häufig für <a href="Dynamische_Webseite" class="mw-redirect" title="Dynamische Webseite">dynamische Webseiten</a> und <a href="Webanwendung" title="Webanwendung">Webanwendungen</a> genutzt, wobei ein <a href="JavaScript" title="JavaScript">JavaScript</a>-Programm im <a href="Webbrowser" title="Webbrowser">Webbrowser</a> ausgeführt wird. Eine alternative bzw. ergänzende Technik ist das <a href="Server_Side_Scripting" title="Server Side Scripting">Server Side Scripting</a>, bei dem ein Computerprogramm auf dem Server (meist <a href="Webserver" title="Webserver">Webserver</a>) ausgeführt wird.
</p>
<div class="mw-heading mw-heading2"><h2 id="Client_Side_Rendering">Client Side Rendering</h2></div>
<p>Client Side Rendering ist ein häufiger Einsatz von Client Side Scripting und bezeichnet die dynamische Erzeugung eines <a href="HTML-Dokument" class="mw-redirect" title="HTML-Dokument">HTML-Dokuments</a> bzw. einer Benutzeroberfläche auf dem Client. Client Side Rendering ist eine mögliche Umsetzung <a href="Dynamische_Webseite" class="mw-redirect" title="Dynamische Webseite">dynamischer Webseiten</a> und <a href="Webanwendung" title="Webanwendung">Webanwendungen</a>. Eine alternative Technik ist <a href="Server_Side_Rendering" class="mw-redirect" title="Server Side Rendering">Server Side Rendering</a>, bei der das HTML-Dokument auf dem Server erzeugt wird.
</p>
<div class="sieheauch" role="navigation" style="font-style:italic;"><span class="sieheauch-text">Siehe auch</span>: <a href="Single-Page-Webanwendung" title="Single-Page-Webanwendung">Single-Page-Webanwendung</a></div>
<div class="mw-heading mw-heading2"><h2 id="Programmiersprachen">Programmiersprachen</h2></div>
<p>Die heute wohl bedeutendste, clientseitige Skriptsprache ist <a href="JavaScript" title="JavaScript">JavaScript</a>, da es die einzige <a href="Programmiersprache" title="Programmiersprache">Programmiersprache</a> ist, die von modernen <a href="Webbrowser" title="Webbrowser">Webbrowsern</a> unterstützt wird.
</p><p>Eine Möglichkeit für die Nutzung anderer Programmiersprachen außer JavaScript im Webbrowser ist Nutzung eines <a href="Transcompiler" class="mw-redirect" title="Transcompiler">Transcompilers</a> auf dem Server oder Client. Dabei wird der Quelltext automatisch in JavaScript übersetzt. Nachteile sind dabei eventuell zusätzlicher Overhead beim Laden der Webseite und eine zusätzliche Komplexitätsebene bei der Fehlerbeseitigung.
</p><p>Verbreitete Programmiersprachen beim Server Side Scripting sind:
</p>
<ul><li><a href="JavaScript" title="JavaScript">JavaScript</a> (standardisiert als <i>ECMAScript</i>), wird von allen modernen Browsern unterstützt</li>
<li><a href="CoffeeScript" title="CoffeeScript">CoffeeScript</a> – wird nach JavaScript transkompiliert</li>
<li><a href="TypeScript" title="TypeScript">TypeScript</a> – wird nach JavaScript transkompiliert</li></ul></div><!--htdig_noindex--><div><div class="zim-footer">
Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-05-17" href="https://de.wikipedia.org/wiki/?title=Client_Side_Scripting&oldid=256077752">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>
</body></html>